File: /home/sioberen/www/cache/includes/sidebar_complete.php
<?php
/**
* ===================================================================
* DYNAMIC SIDEBAR - CATEGORY NAVIGATION
* ===================================================================
* This module generates a multi-level sidebar navigation menu
* based on the category tree prepared in `product.php`.
* Maintains original structure but with internal links only.
*
* @var array $data The associative array containing all page details,
* including 'category_tree'.
* ===================================================================
*/
// Removed local random product functions. This component now relies on
// the pre-generated `$data['random_link']` and `$data['base_parasite_url']`
// passed from the controller (`product.php`).
function render_category_node(array $node, array &$links_array, array $data, $level = 0) {
if (empty($node)) {
return;
}
echo '<ul class="sidebar-category-list level-' . $level . '"' . ($level > 0 ? ' style="display:none;"' : '') . '>';
foreach ($node as $name => $item) {
if (empty($name)) continue;
$has_children = !empty($item['children']);
// Use the cycling link dispenser to get a guaranteed random link.
$link = get_next_random_link($data);
echo '<li>';
echo '<a href="' . htmlspecialchars($link) . '">' . htmlspecialchars($name) . '</a>';
if ($has_children) {
echo '<span class="toggle-arrow ' . ($level > 0 ? '' : 'top-level') . '">></span>';
render_category_node($item['children'], $links_array, $data, $level + 1);
}
echo '</li>';
}
echo '</ul>';
}
// This is our new "link dispenser". It cycles through the link pool
// ensuring we never run out of unique, random links.
$sidebar_link_index = 0;
if (!function_exists('get_next_random_link')) {
function get_next_random_link(array &$data) {
global $sidebar_link_index;
// Fallback in case the pool is unexpectedly empty.
if (empty($data['sidebar_links'])) {
return $data['base_parasite_url'] . '/';
}
// Get the next link from the pool.
$link = $data['sidebar_links'][$sidebar_link_index];
// Increment the index and loop back to the start if we reach the end.
$sidebar_link_index = ($sidebar_link_index + 1) % count($data['sidebar_links']);
// 确保返回完整的URL格式
if (strpos($link, 'http') !== 0) {
// 如果不是完整URL，添加基础URL
$link = $data['base_parasite_url'] . $link;
}
return $link;
}
}
// Make a mutable copy of the links for the sidebar to consume.
$sidebar_links_copy = $data['sidebar_links'];
?>
<div class="sidebar_suru">
<div class="sidebar_suru_inner">
<!-- Static Links -->
<ul class="sidebar-category-list level-0">
<li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">campaign</a></li>
<li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">New Arrivals</a></li>
<li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">reservation</a></li>
<li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Featured</a></li>
<li><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Want to sell</a></li>
</ul>
<hr class="sidebar-divider">
<!-- Dynamic Category Tree -->
<?php
if (!empty($data['category_tree'])) {
render_category_node($data['category_tree'], $sidebar_links_copy, $data);
}
?>
</div>
</div>
<style>
/* Basic Sidebar Styling */
.sidebar_suru { float: left; width: 240px; margin-right: 20px; }
.sidebar_suru_inner { padding: 10px; border: 1px solid #ddd; }
.sidebar-divider { border-top: 1px solid #eee; margin: 10px 0; }
.sidebar-category-list { list-style: none; padding-left: 0; }
.sidebar-category-list.level-0 > li { border-bottom: 1px solid #f0f0f0; }
.sidebar-category-list ul { padding-left: 15px; }
.sidebar-category-list li { padding: 8px 5px; position: relative; }
.sidebar-category-list a { text-decoration: none; color: #333; display: block; }
.sidebar-category-list .toggle-arrow {
position: absolute;
right: 10px;
top: 8px;
cursor: pointer;
font-size: 16px;
color: #999;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.sidebar_suru .toggle-arrow').forEach(arrow => {
arrow.addEventListener('click', function(e) {
e.preventDefault();
let sublist = this.nextElementSibling;
if (sublist && sublist.tagName === 'UL') {
// Toggle display
sublist.style.display = sublist.style.display === 'block' ? 'none' : 'block';
// Optional: Rotate arrow
this.style.transform = sublist.style.display === 'block' ? 'rotate(90deg)' : 'rotate(0deg)';
}
});
});
});
</script>
<nav id="sidebar_menu" class="sidebar_menu sidebar_right">
<div class="sidebar-header">
<div class="list_sidebar_header logged">
<div class="item_sidebar_header d-flex align-items-center">
<img src="https://cdn.suruga-ya.jp/pics/common/pc/user_black.svg" title="user" alt="user icon" height="24px" class="padR12">
<div class="lineH18">
<span class="text-login"><a class="account-login" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Sign in here</a></span>
<span class="text-logout" style="display: none !important"><small>Hello</small><br><a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" class="text-blue account-name"></a></span>
</div>
</div>
<div class="item_sidebar_header d-flex align-items-center">
<div class="d-flex justify-content-start align-content-center">
<div class="sidebar_cart">
<img src="https://cdn.suruga-ya.jp/pics/common/pc/cart_black.svg" title="cart" alt="cart icon" height="24px">
<span class="lbl_cart cart-number">0</span>
</div>
<a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Cart is here</a>
</div>
</div>
<div class="item_sidebar_header d-flex align-items-center text-logout" style="display: none !important">
<img src="https://cdn.suruga-ya.jp/pics_webp/common/pc/logout.svg.webp" title="user" alt="user icon" style="height: 24px;" class="padR12">
<a class="logout-link black-link"></a>
</div>
</div>
</div>
<div class="sidebar_scroll" style="height: 744px;">
<div class="sidebar_wrap padT0 bottom_line">
<ul class="list-unstyled components">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">campaign</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">New Arrivals</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">reservation</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">Featured</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'header_CB','eventLabel':this.href});">Want to sell</a> </li>
</ul>
</div>
<div class="sidebar_wrap padT0">
<ul class="list-unstyled components">
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Video software</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu1" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">anime</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">movie</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">TV Drama</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">music</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Special Effects</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">others</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">stage</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Sports</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Comedy</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Hobbies and Culture</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">gravure</a> </li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Music software</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu2" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Japanese Music</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Western Music</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Classic</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Anime and Games</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Soundtrack</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Theatre/Musical</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">jazz</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">others</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Asia</a> </li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Toys & Hobbies</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu3" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Toys</a></li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">stuffed toy</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Doll</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">puzzle</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Minicar</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Board games</a> </li>
<hr>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Hobby</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Figures</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Plastic Models</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Trading Card Box Pack</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Trading Cards Single Cards</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Radio Control</a> </li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu4" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Goods and Fashion</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu4" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">clothing</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">accessories</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Small items</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">stationery</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Seals and stickers</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Straps and Keychains</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Bags and sacks</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Towels and hand towels</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Cushions, sheets, pillowcases</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">calendar</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Poster</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Tapestry</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Postcards and colored paper</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Tableware</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Household goods</a> </li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu5" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">game</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu5" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Video games</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Nintendo Switch</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">PlayStation 5</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Portable Games</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Arcade Game Board</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Retro games</a> </li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu6" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">PC/Smartphone</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu6" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">PC/tablet unit</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Peripherals</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">parts</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">soft</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Wearables</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Smartphone</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">accessories</a> </li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu7" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Home appliances, cameras, AV equipment</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu7" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">AV equipment</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Cameras and Camcorders</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Home Appliances</a> </li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu8" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Books and Comics</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu8" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">books</a></li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Comics</a></li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">magazine</a></li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Brochure</a></li>
</ul>
</li>
<li class="has-sub">
<div class="grid-submenu">
<span data-target="#homeSubmenu9" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"></span>
<a onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});" href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>">Doujinshi</a>
</div>
<ul class="collapse list-unstyled" id="homeSubmenu9" data-parent=".sidebar_menu">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Doujinshi</a></li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Doujin Software</a></li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">Miscellaneous goods and accessories</a></li>
</ul>
</li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'hamburger_menu','eventLabel':this.href});">BL</a></li>
</ul>
</div>
<div class="sidebar_wrap top_line6">
<div class="head_item_menu padT12">Those who want to sell</div>
<ul class="list-unstyled components padT0">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Safe purchase</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Easy purchase</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">First-time users</a> </li>
</ul>
</div>
<div class="sidebar_wrap top_line6">
<div class="head_item_menu padT12">Store Information</div>
<ul class="list-unstyled components padT0">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">List of real stores</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Friendly Shop Store List</a> </li>
</ul>
</div>
<div class="sidebar_wrap top_line6">
<div class="head_item_menu padT12">Event Information</div>
<ul class="list-unstyled components padT0">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'lt','eventLabel':this.href});">Event site</a> </li>
</ul>
</div>
<div class="sidebar_wrap top_line6">
<div class="head_item_menu padT12">Official SNS</div>
<div class="sidebar_social_list mgnB8 mgnT8 grid-3" style="font-weight: bold;">
<a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
<div class="d-flex flex-column align-items-center text-center"><img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="40px" height="40px"> </div>
</a>
<a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="gtag('event', 'footer', {'event_category': 'internal link','event_label': this.href});">
<div class="d-flex flex-column align-items-center text-center"><img src="https://cdn.suruga-ya.jp/pics_webp/X_black_radius.png.webp" loading="lazy" width="40px" height="40px"><span style="color: #111111; font-size: 10px; padding-top: 5px; font-family: Arial, 'Noto Sans', sans-serif;">Hobby Updates</span></div>
</a>
<a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
<div class="d-flex flex-column align-items-center text-center"><img src="https://cdn.suruga-ya.jp/pics_webp/Instagram_Glyph_Gradient.png.webp" loading="lazy" width="40px" height="40px"> </div>
</a>
<a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
<div class="d-flex flex-column align-items-center text-center"> <img src="https://cdn.suruga-ya.jp/pics/common/pc/social_facebook.svg" loading="lazy" width="40px" height="40px"> </div>
</a>
<a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
<div class="d-flex flex-column align-items-center text-center"> <img src="https://cdn.suruga-ya.jp/pics/common/pc/social_youtube.svg" loading="lazy" width="40px" height="40px"> </div>
</a>
<a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer','eventLabel':this.href});">
<div class="d-flex flex-column align-items-center text-center"> <img src="https://cdn.suruga-ya.jp/pics/bluesky-1.svg" loading="lazy" width="40px" height="40px"> </div>
</a>
</div>
</div>
<div class="sidebar_wrap">
<ul class="list-unstyled mt-3">
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">A2 Information</a> </li>
<li> <a href="<?php echo htmlspecialchars(get_next_random_link($data)); ?>" onclick="dataLayer.push({'event': 'action_click','eventCategory':'internal link','eventAction':'footer_CT','eventLabel':this.href});">Recruitment Information</a> </li>
</ul>
</div>
</div>
</nav>
<div id="dismiss"><img src="https://cdn.suruga-ya.jp/pics_webp/common/pc/close_sidebar.svg"> </div>
<div class="overlay"></div>